@import "../../../source/core/classes";
@import "../../templates/floatAction/floatAction.scss";
.main {
	width: 100%;
	overflow: hidden;
	.category-tab {
		font-size: 30rpx;
		background: #f5f5f5;
		overflow: hidden;
		width: 100%;
		z-index: 1;
		padding: 0 5rpx;
		.category-tab-inner{
			padding-bottom: 2rpx;
			overflow: hidden;
		}
		.category-item{
			height: 88rpx;
			line-height: 88rpx;
			font-size: 30rpx;
			text-align: center;
			margin: 0 10rpx;
			width: 90rpx;
			box-sizing: border-box;
			float: left;
			&.active{
				border-bottom: solid 2px #d33e3b;
			}
		}
	}
	.back{
		position: fixed;
		right: 8%;
		bottom: 15%;
		width: 80rpx;
		height: 80rpx;
		padding: 10rpx;
		text-align: center;
		font-size: 20rpx;
		border-radius: 999rpx;
		background-color: rgba(0,0,0,.5);
		color: #f5f5f5;
		z-index: 99;
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
		image{
			display: block;
			margin: 4rpx auto;
		}
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}